.navbar-brand {
  padding-top: 8px;	
}
.navbar-brand > img {
  width: 36px;
  height: 36px;  
  display: inline;
} 
 
.navbar-brand > span {
	color: rgb(145, 220, 90); 
	font-weight: bold;
	visibility: visible; 
	display: inline-block; 
	clear: both; 
	font-size: 24px; 
	line-height: 24px; 
	white-space: nowrap; 
	position: relative; 
	padding: 0px;  
	top: 4px;
}
.topic {
	margin: 3px;  
} 
 

.filter-box{
	float: right; 
	clear: right;  
	padding-top: 1px;
}
textarea.log { 
	border-style: none; 
    border-color: Transparent; 
    overflow: auto; 
    resize: none;
}

.label-as-badge{
	border-radius: 3em;
	padding-left: 6px;
	padding-right: 6px;
} 
.topic-deactive{
	color: black;
	background-color: white;
}

.badge-deactive{
	color: black;
	background-color: #777;
} 
.add-topic-modal{
	width: 400px; 
}
.add-topic-content{
	margin-left: 32px;
	margin-right: 32px;
	margin-top: 8px;
	margin-bottom: 16px;
}
.add-topic-content div{
	margin-top: 6px;
}
input.topic-item{
	width: 220px;
}
.target{
	margin-top: 0px;
}
.close-box{
	float: right; 
	clear: right;   
}

.action {
	margin: 6px;
	padding: 6px;
	cursor: pointer;
} 
.action-list {
	margin: 8px; 
} 
.modal-header{
	padding: 10px;
}
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.caption{
	margin-left: 6px;
	display: inline;
}
.caption span{
	font-weight: bolder;
}

.consumer-group-list { 
    overflow-y: auto;  
}


.table-outter{
	border: 2px solid #ddd; 
	margin: 0px;   
	width: 100%;
    max-width: 100%;
} 
.table-outter>tbody>tr{
	border-bottom: 2px solid #ddd; 
}

.table-outter>tbody>tr>td{ 
	border-right: 2px solid #ddd;
}


.table-nested{
	margin: 0px;   
	width: 100%;
    max-width: 100%;
}

.table-nested>tbody>tr{
	border-bottom: 1px solid #ddd; 
	line-height: 24px;
}
.table-nested>tbody>tr:last-child{
	border: none;
}
.table-nested>tbody>tr>td{ 
	border-right: 1px solid #ddd;
} 
.table-nested>tbody>tr>td:last-child{ 
	border: none;
}

.table-nested>tbody>tr>td, 
.table-nested>tfoot>tr>td, 
.table-nested>tfoot>tr>th, 
.table-nested>thead>tr>td, 
.table-nested>thead>tr>th {
    padding: 0px;
    vertical-align: middle;
}

.tgroup tr>td:nth-child(1) {	
	width: 12%; 
}
.tgroup tr>td:nth-child(2) {	
	width: 88%;
}


.sgroup tr>td:nth-child(1) {	
	width: 25%; 
}
.sgroup tr>td:nth-child(2) {	
	width: 15%;
}
.sgroup tr>td:nth-child(3) {	
	width: 60%;
}

.sgroup td span {
	margin-right: 4px;
}


.cgroup tr>td:nth-child(1) {	
	width: 30%; 
}
.cgroup tr>td:nth-child(2) {	
	width: 20%;
}
.cgroup tr>td:nth-child(3) {	
	width: 10%;
}
.cgroup tr>td:nth-child(4) {	
	width: 30%;
}
.header-ctrl{
	font-weight: bold;
	background-color: #f5f5f5;
	line-height: 30px;
	border-bottom: none;
} 

.op {
	float: right; 
	margin-right: 10px;
}

.op div {
	float: left;
	margin-left: 6px;
}

.op-del {
	color: red;
}

.op2 { 
	float: left; 
	margin-left: 10px; 
	font-weight: bold;
}

.cap { 
	float:  left; 
}

td div.td {
	margin-left: 10px;
	float: left;
}

td div.num{
	font-weight: bold;
}

.login input {
	font-size: 16px;
}

.login .token{
	width: 300px;
}